<template>
	<div class="tab-front borrowApproveOrder">
		<el-tabs v-model="activeName">
			<el-tab-pane label="审批单列表" name="first">
                <section-1 v-if="activeName === 'first'"/>
            </el-tab-pane>
            <el-tab-pane label="借款类别审批单统计表" name="second">
                <section-2 v-if="activeName === 'second'"/>
            </el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
import section1 from './section1'
import section2 from './section2'
export default {
	components: {
		'section-1': section1,
		'section-2': section2,
	},
	data() {
		return {
			activeName: 'first'
		}
	}
}
</script>
<style scoped>
	.borrowApproveOrder {overflow-x: auto;}
</style>